<template>
  <div>
    <svg :style="{width,height}">
      <use :xlink:href="prefix+name" :fill="color"></use>
    </svg>
  </div>
</template>
    
<script setup lang='ts'>
defineProps({
    //xlink:href属性前缀
    prefix:{
        type:String,
        default:'#icon-'
    },
    name:String,
    color:String,
    width:{
        type:String,
        default:'16px'
    },
    height:{
        type:String,
        default:'16px'
    }
})
    
</script>
    
<style  scoped></style>
    